<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>创业青年</title>
    <!-- Tell the browser to be responsive to screen width -->
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <style>
        .title {
            font-size: 1.2rem;
        }

        .main-title {
            font-size: 1.5rem;
            font-family: 'Adobe Fan Heiti Std B'
        }

        @media screen and (max-width: 1467px) {
            /*当屏幕尺寸小于600px时，应用下面的CSS样式*/
            .title {
                font-size: 1.2rem;
            }

            .nav-item {
                margin-left: 5%;
            }

            .main-title {
                font-size: 1.2rem;
                font-family: 'Adobe Fan Heiti Std B'
            }

        }
    </style>

</head>
<body class="hold-transition sidebar-mini">
<div class="wrapper">
    <!-- Content Wrapper. Contains page content -->
    <div class="wrapper">

        <nav class="wrapper navbar navbar-expand ">
            <!-- Left navbar links -->
            <ul class="navbar-nav" style="width: 100%;">
                <!--<li class="nav-item">-->
                <!--<a class="nav-link" data-widget="pushmenu" href="#"><i class="fa fa-bars"></i></a>-->
                <!--</li>-->
                <li class="nav-item d-none d-sm-inline-block">
                    <span>
                    <a href="#"
                       class="nav-link title float-left">咸阳恒源汽贸有限公司工资管理系统</a>
                    <a  href="#" id="date" class="nav-link title float-left" style="color: black;"></a>
                    <a href="#" id="date2" class="nav-link title float-left" style="color: black;"></a>
                    </span>
                </li>


                <!--                <li class="nav-item d-none d-sm-inline-block  mt-2">
                                    <a href="#" onclick="menuAction(this,'./web/main2_part1.html')"
                                       class="nav-link  ">员工工资</a>
                                </li>

                                <li class="nav-item d-none d-sm-inline-block mt-2 ml-4">
                                    <a href="#" onclick="menuAction(this,'./web/main2_part2.html')"
                                       class="nav-link  ">留存统计</a>
                                </li>
                                <li class="nav-item d-none d-sm-inline-block mt-2 ml-4">
                                    <a href="#" onclick="menuAction(this,'./web/main2_part3.html')"
                                       class="nav-link  ">员工活跃统计</a>
                                </li>

                                <li class="nav-item d-none d-sm-inline-block mt-2 ml-4">
                                    <a href="#" onclick="menuAction(this,'./web/main2_part4.html')"
                                       class="nav-link  ">盈利统计</a>
                                </li>-->
            </ul>

            <!-- Right navbar links -->
        </nav>
        <!-- Content Header (Page header) -->
        <div id="content-header" class="content-header" style="padding: 20px;padding-bottom: 0px;">
            <div class="container-fluid" style="margin-top: 20px;">
                <div class="row mb-2">
                    <div class="col-sm-2 text-center ">
                        <!--<span class="w-75 float-left text-center   text-bold"  style="font-size: 2rem;font-family: 'Adobe Fan Heiti Std B'">-->
                        <!--创业青年总人数:685人-->
                        <!--</span>-->
                        <span class=" text-center    main-title">
                           本月发放人数
                        </span><br>

                        <span class=" text-center   main-title" style="color: red;">{{totalCount}}人
                        </span>

                    </div>
                    <div class="col-sm-2 text-center ">
                        <!--<span class="w-75 float-left text-center   text-bold"  style="font-size: 2rem;font-family: 'Adobe Fan Heiti Std B'">-->
                        <!--创业青年总人数:685人-->
                        <!--</span>-->
                        <span class=" text-center    main-title">
                           本月发放
                        </span><br>

                        <span class=" text-center   main-title" style="color: red;">{{totalMoney}}元
                        </span>

                    </div>
                    <div class="col-sm-2 text-center ">
                        <!--<span class="w-75 float-left text-center   text-bold"  style="font-size: 2rem;font-family: 'Adobe Fan Heiti Std B'">-->
                        <!--创业青年总人数:685人-->
                        <!--</span>-->
                        <span class=" text-center    main-title">
                           本金总计提现
                        </span><br>

                        <span class=" text-center   main-title" style="color: red;">{{monthTXMoney}}元
                        </span>

                    </div>
                    <div class="col-sm-2 text-center ">
                        <!--<span class="w-75 float-left text-center   text-bold"  style="font-size: 2rem;font-family: 'Adobe Fan Heiti Std B'">-->
                        <!--创业青年总人数:685人-->
                        <!--</span>-->
                        <span class=" text-center    main-title">
                           未提现本金
                        </span><br>

                        <span class=" text-center   main-title" style="color: red;">{{totalMoney-monthTXMoney}}元
                        </span>

                    </div>
                    <div class="col-sm-2 text-center ">
                        <!--<span class="w-75 float-left text-center   text-bold"  style="font-size: 2rem;font-family: 'Adobe Fan Heiti Std B'">-->
                        <!--创业青年总人数:685人-->
                        <!--</span>-->
                        <span class=" text-center    main-title">
                           总计利息
                        </span><br>

                        <span class=" text-center   main-title" style="color: red;">{{monthLCMoney}}元
                        </span>

                    </div>
                    <div class="col-sm-2 text-center ">
                        <!--<span class="w-75 float-left text-center   text-bold"  style="font-size: 2rem;font-family: 'Adobe Fan Heiti Std B'">-->
                        <!--创业青年总人数:685人-->
                        <!--</span>-->
                        <span class=" text-center    main-title">
                           未提现利息
                        </span><br>

                        <span class=" text-center   main-title" style="color: red;">{{monthLCNoMoney}}元
                        </span>

                    </div>
                    <!--<div class="col-sm-2">
                        <div class="breadcrumb float-sm-right w-100 ">
                            <li class="breadcrumb-item active  text-right"
                                style="font-size: 1.1rem;text-align: center" id="date"></li>
                        </div>
                        <div class="breadcrumb float-sm-right w-100 ">
                            <li class="breadcrumb-item active  text-right"
                                style="font-size: 2rem;text-align: center" id="date2"></li>
                        </div>

                    </div>-->
                </div><!-- /.row -->
            </div><!-- /.container-fluid -->
        </div>
        <!-- /.content-header -->
        <!-- Main content -->
        <section class="content" style="padding: 20px;;padding-bottom: 0;margin-top: 40px;">
            <div class="container-fluid" style="min-height: 650px;">
                <!-- Small boxes (Stat box) -->

                <div class="row ">
                    <div class="col-lg-4" id="data1"
                         style=";height: 400px;background-color: #ececec;padding-top: 20px"></div>
                    <div class="col-lg-8" id="data2"
                         style="max-width: 59%;margin-left:2.5%;height: 400px;background-color: #ececec;padding-top: 20px"></div>

                </div>

                <div class="row " style="margin-top: 30px;">
                    <div class="col-lg-4" id="data3" style=";height: 400px;"></div>
                    <div class="col-lg-8" id="data4" style=";height: 400px;margin-left: -20px;"></div>

                </div>

            </div><!-- /.container-fluid -->
        </section>
        <!-- /.content -->
        <div class="row">
            <footer class="main-footer text-center"
                    style="width: 100%;margin-left: 0;border: none; background: none;color: #ffffff;font-size: 12px;">
                <span> 咸阳恒源汽贸有限公司 Copyright &copy; 2015-2018.</span>
            </footer>
        </div>

    </div>
    <!-- /.content-wrapper -->
</div>


</body>
<script type="text/javascript" src="./map/js/app_part1.js"></script>
</html>
